@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.three_bg{background: #f2f2f2;padding: 42px 0;}
.three ul li{width: 360px;height: 222px;background: #fff;float: left;border-radius:10px;box-shadow: 0 3px 8px 3px #e4e4e4;overflow: hidden;margin-left: 60px;text-align: center;}
.three ul li em{width: 45px;height: 40px;display: block;margin:0 auto;line-height: 0;padding: 35px 0 0;}
.three ul li em img{width: 45px;height: 40px;}
.three ul li b{display: block;font-size: 18px;color: #333;height: 50px;line-height: 48px;overflow: hidden; background:url(../images/three_line.gif) no-repeat center 48px;}
.three ul li span{display: block;font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;}
.three ul li i{display: block;}
.three ul li:first-child{margin-left: 0;}
.three ul li{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.three ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.three ul li:hover b{color: #1375e2;}

/*产品一览*/
.chanp01{padding: 70px 0 15px;}
.cp_t{font-size: 24px; color: #e7e7e7; text-transform: uppercase;background:url(../images/cp_line.gif) no-repeat center 62px;text-align: center; line-height: 40px;height: 145px;overflow: hidden;} 
.cp_t a,.cp_t b{display: block; font-size: 36px; color: #1375e2;} 
.cp_t span{display: block; font-size: 18px; color: #666; font-weight: normal;}
.cp_bt{background:url(../images/cp_k.png) no-repeat;height: 254px;width: 252px;position: absolute;top: 222px;left: 0;padding: 0 0 0 18px;}
.cp_bt i{display: block;font-size: 22px;color: #e5e5e5;font-weight: bold;text-transform: uppercase;padding: 32px 0 12px;}
.cp_bt b{display: block;font-size: 30px;color: #1375e2;}
.cp_bt span{display: block;font-size: 14px;color: #999;height: 60px;line-height: 20px;overflow: hidden;padding: 15px 0 0;}
.cp_bt em{display: block;font-size: 14px;color: #999;width: 82px;text-align: center;height: 28px;line-height: 28px;border: #e5e5e5 1px solid;border-radius:5px;margin: 35px 0 0}
.cp_bt a:hover em{background: #1375e2;color: #fff;border: #1375e2 1px solid;}
.chanp01 ul li{width: 280px;float: left;line-height: 0;height: 257px;box-shadow: 0 3px 5px 3px #f3f3f3;margin-bottom: 25px;margin-left: 26px;position:relative;}
.chanp01 ul li img{width: 280px;height: 210px;}
.chanp01 ul li span{ width:264px;padding-left: 16px; display:block; height:47px; line-height:47px;  overflow:hidden;background:url(../images/cp_k01.gif) no-repeat;color: #333;font-size: 16px;}
.chanp01 ul li a:hover span{background:url(../images/cp_k02.gif) no-repeat;color: #fff;}
.chanp01 ul li.nobor{margin-left: 0;}
.chanp01 ul li:first-child{margin-left: 306px;}

.chanp01 ul li .cp_desc{ display:none;width: 230px;height: 160px; position:absolute; top:0; left:0; font-size:14px; color:#fff; line-height:216px; padding:25px; background:rgba(0,0,0,0.5);}
.chanp01 ul li a:hover .cp_desc{ display:block;}

.chanp02_bg{background: #f1f1f1;padding: 45px 0 20px;}
.chanp02{padding: 0;}
.chanp02 .cp_bt{top: 0;}
.chanp02 ul li{box-shadow: 0 3px 5px 3px #e6e6e6;}

/*匠心品质*/
.pinz_bg{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 735px;padding-top: 70px;overflow: hidden;}
.pinz .cp_t{background:url(../images/pinz_line.png) no-repeat center 62px;color: #d9dadb;} 
.pinz_l{width: 255px;padding: 20px 0 0;}
.pinz_l p{height: 145px;}
.pinz_l p b{display: block;font-size: 20px;color: #1375e2;height: 40px;line-height: 30px;}
.pinz_l p span{display: block;font-size: 14px;color: #666;height: 48px;line-height: 24px;overflow: hidden;}

/**/
.ban01{background:url(../images/ban01.gif) no-repeat center 0;height: 243px;}
.ban01_l{color: #fff;font-size: 18px;padding:30px 0 0 35px;width: 460px;line-height: 30px;}
.ban01_l b{display: block;font-size: 30px;padding: 8px 0 18px;}
.ban01_l span{display: block; width: 346px; text-align: center; height: 37px; line-height: 37px;border: #89baf1 1px solid;border-radius:10px;} 
.ban01_l em{display: block; width: 148px;padding: 20px 0 0;} 
.ban01_l em a{display: block; font-size: 14px; color: #333; width: 148px; text-align: center; height: 42px; line-height: 42px; background: #fff;border-radius:10px;}
.ban01_l em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.honor{width: 610px;padding: 20px 0 0;}
.honor ul li{width: 136px;float: left;line-height: 0;margin-right: 48px;}
.honor ul li img{width: 126px;height: 168px;display: block;border: #636363 5px solid;}
.honor ul li span{font-size: 14px;color: #333; width:136px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;}
.honor ul li a:hover img{border: #1375e2 5px solid;}

/*应用案例*/
.case{padding: 80px 0 30px;}
.case .cp_t{height: 140px;}
.case_t{height: 103px;border-bottom: #e5e5e5 1px solid;border-top: #e5e5e5 1px solid;padding: 0 63px;}
.case_t ul li{width: 105px; height: 103px; float: left;padding: 0 56px 0 0;} 
.case_t ul li a,.case_t span a{display: block;font-size: 14px; color: #333;width: 105px; height: 85px; text-align: center; background: #e5e5e5;border-radius:5px;padding: 18px 0 0;} 
.case_t ul li em,.case_t span em{display: block;width: 50px;height: 42px;line-height: 0;margin:0 auto 5px;overflow: hidden;} 
.case_t ul li em img,.case_t span em img{width: 50px;height: 84px;}
.case_t ul li a:hover,.case_t span a:hover,.case_t ul li.on a{background: #01b159;color: #fff;} 
.case_t ul li a:hover em img,.case_t span a:hover em img,.case_t ul li.on em img{margin-top: -42px;}
.case_t span{display: block;float: right;}
.case_m{padding: 30px 0 0;}
.case dl dt{width: 631px;height: 473px;float: left;overflow: hidden;}
.case dl dt img,.ys_l img,.news_m dt img{width: 631px;height: 473px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl dt img:hover,.ys_l img:hover,.news_m dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case dl dd{width: 500px; height: 360px; background: #f3f3f3; float: left;margin: 30px 0 0;padding: 56px 40px 0 29px;} 
.case dl dd h5{height: 45px;line-height: 45px;overflow: hidden;}
.case dl dd h5 a{font-size: 24px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case dl dd h5 a:hover{color: #1375e2;}
.case dl dd em{display: block;font-size: 16px;color: #666;padding: 5px 0 0;}
.case .case_desc{font-size: 14px; color: #333; line-height: 30px; height: 120px;padding: 15px 0 0; overflow: hidden;} 
.case dl dd span{display: block;padding: 50px 0 0;}
.case dl dd span a{display: block; font-size: 14px; color: #fff; width: 150px; text-align: center; height: 40px; line-height: 40px; background: #1375e2; overflow: hidden;border-radius:20px;margin-right: 18px;float: left;}
.case dl dd span a:hover{background: #01b159;}

/*合作客户*/
.partner_bg{ background:url(../images/hz_bg.gif) no-repeat center 0;height: 200px;}
.partner p{width: 21px;height: 35px;cursor: pointer;position: absolute;top: 80px;}
.partner p img{width: 21px;height: 35px;}
.partner p:hover img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.partner_l{ left:-70px;}
.partner_r { right:-70px;}
.partner_c{width: 1200px;overflow: hidden;}
.partner_c ul li { width:220px; float:left;padding:0 12px;line-height: 0;}
.partner_c ul li img{ width:220px; height:110px;}
.partner_c ul li span{ width:220px; text-align:center; display:block; height:30px; line-height:20px; overflow:hidden;font-size:14px; color:#333;background: #fff;}
.partner_c ul li a{display: block;width: 220px;height: 140px; margin:30px 0 0;-webkit-transition:transform .5s;transition:transform .5s;}
.partner_c ul li a:hover{box-shadow: 0 3px 8px 3px #d0d0d0;-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*优势*/
.ys_tbg{ background:url(../images/ys_tbg.jpg) no-repeat center 0; height:145px;padding: 54px 0 0; overflow:hidden;}
.ys_tbg .cp_t{background:url(../images/ys_line.gif) no-repeat center 62px;height: 130px;} 
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:365px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:365px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:365px; overflow:hidden;}
.ys04{ background:url(../images/ys_bg04.jpg) no-repeat center 0; height:365px; overflow:hidden;}
.ys_l{width: 600px;height: 365px;overflow: hidden;}
.ys_l img{width: 600px;height: 365px;}
.ys_r{padding: 100px 0 0 45px;width: 500px;}
.ys_r dl{width: 500px; display: inline-block;}
.ys_r dl dt{width: 85px;float: left;}
.ys_r dl dt img{width: 70px;height: 120px;}
.ys_r dl dd{width: 415px;float: left;}
.ys_r dl dd h5{font-size: 30px;color: #333;line-height: 34px;height: 75px;}
.ys_r dl dd h5 span{display: block; font-size: 14px; color: #ccc; font-weight: normal; text-transform: uppercase;} 
.ys_r dl dd p{font-size: 14px;color: #333;line-height: 32px; background:url(../images/ys_ico01.jpg) no-repeat 0 13px;padding: 0 0 0 15px;}
.ys_r dl:hover dd h5{color: #1375e2;}

/*广告条*/
.ban02{ background:url(../images/ban02.jpg) no-repeat center 0; height:300px;font-size: 24px;color: #333;font-weight: bold;line-height: 40px;}
.ban02 b{display: block;font-size: 36px;color: #1375e2;padding: 65px 0 10px;}
.ban02 em{display: block;padding: 25px 0 0;width: 160px;}
.ban02 em a{display: block; font-size: 14px; color: #fff; width: 160px; text-align: center; height: 46px; line-height: 46px; background: #1375e2;font-weight: normal;}
.ban02 em a:hover{background: #01b159;}

/*新闻中心*/
.news_bg{ background:url(../images/news_bg.jpg) no-repeat center 0; height:525px;padding: 75px 0 0;}
.news_bg .cp_t{height: 145px;}
.news{ width:640px;}
.news_t{ height:50px;overflow: hidden;}
.news_t ul li{ float:left;width: 135px;padding: 0 25px 0 0;}
.news_t ul li a{ font-size:14px; color:#fff;display: block; width: 135px; text-align: center; height: 50px; line-height: 50px; background: #1375e2;} 
.news_t ul li.on a{background: #01b159;}
.news_t span{float: right;display: block; width: 135px; text-align: center; height: 50px; line-height: 50px; background: #e6e6e6;}
.news_t span a{font-size: 14px;color: #333;}
.news_m dl{ width:640px; padding:40px 0 25px;border-bottom: #e5e5e5 1px solid; display: inline-block;}
.news_m dt{ width:113px; height:85px;overflow: hidden;float: left;}
.news_m dt img{ width:113px; height:85px;}
.news_m dd{width:500px;float: left; padding:0 0 0 20px;}
.news_m dd h3{ height:25px; line-height:25px; overflow:hidden;font-weight: normal;}
.news_m dd h3 a{ font-size:18px; color:#1375e2;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news_m .news_desc{ font-size:14px; color:#666; height:48px; line-height:24px;overflow: hidden; padding:5px 0 0;}
.news_m dd em{display: block;line-height: 24px;margin-top: -24px;margin-left: 300px;}
.news_m dd em a{font-size: 14px;color: #01b159;}
.news_m ul li{ height:58px; line-height:58px; overflow:hidden;border-bottom: #e5e5e5 1px solid;}
.news_m ul li a{ font-size:14px; color:#333;font-weight: bold;display: block;float: left;width: 500px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 22px; background:url(../images/news_ico01.gif) no-repeat 0 28px;}
.news_m ul li a:hover{color:#1375e2; background:url(../images/news_ico02.gif) no-repeat 0 28px;}
.news_m ul li span{display: block;float: right;font-size: 14px;color: #999;width: 100px; text-align:right;}

/*常见问答*/
.wd{ width:445px;height: 342px;background: #f2f2f2;padding: 36px 35px 0 30px;}
.wd_t{height: 80px; background:url(../images/wd_ico01.gif) no-repeat 0 77px;line-height: 26px;}
.wd_t a{font-size: 14px;color: #333;display: block;}
.wd_t b{display: block;font-size: 24px;text-transform: uppercase;}
.wd_btn{position: absolute;top: 44px;right: 36px;width: 75px;}
.wd_btn a{display: block;width: 36px;height: 36px;float: left;margin-right: 1px;}
.wd_lico{ background:url(../images/wd_lico01.gif) no-repeat;}
.wd_lico:hover{ background:url(../images/wd_lico02.gif) no-repeat;}
.wd_rico{ background:url(../images/wd_rico01.gif) no-repeat;}
.wd_rico:hover{ background:url(../images/wd_rico02.gif) no-repeat;}
.wd_m{padding: 20px 0 0;}
.wd dl{ width:445px; height:85px; padding:20px 0 0;border-bottom: #d9d9d9 1px solid;}
.wd dt{ height:20px; line-height:18px; overflow:hidden; background:url(../images/wen.gif) no-repeat 0 2px; padding:0 0 0 30px;}
.wd dt a{ font-size:14px; color:#333;font-weight: bold;}
.wd dt a:hover{color: #1375e2;}
.wd dd{font-size:14px; color:#666; line-height:22px; height:44px; overflow:hidden; background:url(../images/da.gif) no-repeat 0 13px; padding:10px 0 0 30px;}

/*走进三鼎万通*/
.about{padding: 70px 0;}
.about .cp_t{height: 130px; background:url(../images/ab_line.gif) no-repeat center 62px;}
.ab_l{width: 240px;height: 400px;box-shadow: 0 3px 10px 3px #ededed;}
.ab_l ul li{width: 240px;height: 100px;}
.ab_l ul li a{display: block; font-size: 18px; color: #1375e2; font-weight: bold;width: 210px; height: 79px;border-bottom: #e5e5e5 1px solid;padding: 20px 0 0 30px;line-height: 28px;overflow: hidden;} 
.ab_l ul li a:hover,.ab_l ul li.cur a{background: #01b159;color: #fff;border-bottom: #01b159 1px solid;}
.ab_l ul li em{display: block;color: #ddd;font-weight: normal;text-transform: uppercase;font-size: 14px;}
.ab_r{width: 905px;}
.ab_rt{width: 905px;height: 100px;}
.ab_bt{width: 175px;text-align: center;line-height: 30px; background:url(../images/ab_ico01.gif) no-repeat 12px 55px;padding: 10px 0 0;}
.ab_bt a{font-size: 24px;color: #1375e2;display: block;}
.ab_bt b{display: block;font-size: 30px;}
.ab_desc{font-size: 14px; color: #666; line-height: 30px; height: 60px; overflow: hidden;width: 700px;padding: 10px 0 0;}
.ab_pic{width: 905px;height: 298px;line-height: 0;}
.ab_pic img{width: 905px;height: 298px;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/**/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.yfeye{
    overflow: hidden;
}
.yfeye li{
    float: left;
    padding: 10px;
    font-size: 16px;
}
.yfeye li a:hover{
    color: #188EEE;
}